

c-password.d-field{
	grid-template-columns: var(--d-field-v-padding) 1fr auto;
	&[security]{
		input{
			font-family: 'text-security-disc';
		}
		> .ico-holder{
			> d-ico{
				fill: var(--txt-light);
			}
		}
	}	
	&[password]{
		> .ico-holder{
			> d-ico{
				fill: var(--txt-light);
			}
		}
	}	
	> .ico-holder{
		grid-area: 1 / 3 / 3 / 4;
		display: flex;
		align-self: stretch;
		align-items: center;
		justify-items: center;
		padding: 0 8px;
		z-index: 100;
		> d-ico{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 24px;
			height: 24px;
			fill:var(--clr-prime-500);
			pointer-events: none;
		}
	}
}